import ajax from '../main.js';

$('.register-box,.login-box').on('click', 'a', function () {
    let href = $(this).attr('href').slice(2);
    $('main').hide();
    if (href) {
        $(`#${href}`).show();
    }
})

layui.use('form', function () {
    var form = layui.form;

    //登录功能
    form.on('submit(login-btn)',async function (data) {
        console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
        const result =await ajax({
            url:'/users/login',
            type:'POST',
            data:data.field
        })
        console.log(result);
        if(result.code == 200){
            alert('登录成功');
            localStorage.token = result.token;
            localStorage.name = data.field.username;
            localStorage.userInfo = JSON.stringify(result.result);
            localStorage._id = result.result[0]._id
            location.assign('./index.html')
        }
        // 因为在async 异步函数里面所有不起作用
        // return false;
    });

    // 注册功能
    form.on('submit(rigister-btn)',async function (data) {
        console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
        const result = await ajax({
            url: '/users/register',
            type:'POST',
            data:data.field
        })
        if(result.code ==200){
            alert('注册成功');
            $('main').hide();
            $(`#login-box`).show();
        } else if(result.code == 500){
            alert(result.message);
            $('#registerName').focus()
        }
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
})

